#menuwrapperpic{
background: url(http://4.bp.blogspot.com/-1OoVsYqo6h8/UN0asMV822I/AAAAAAAABCw/I3u8ylh4mXA/s1600/bangsatlo.png)
left top repeat-x;
width:100%;
height:35px;z-index:300;
position: fixed;
margin:0 auto;
padding:0 auto
} 
#menuwrapper{width:100%;height:30px;margin:0 auto} 
.menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} 
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} 
#menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#fff;border-right:1px solid #fff;padding:12px 10px 8px} 
#menubar a.trigger{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} 
#menubar li{float:left;position:static;width:auto} 
#menubar li ul,#menubar ul li{width:200px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} 
#menubar li ul
{position:absolute;
display:none;
background: url(http://4.bp.blogspot.com/-1OoVsYqo6h8/UN0asMV822I/AAAAAAAABCw/I3u8ylh4mXA/s1600/bangsatlo.png)
} 
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#F0F0F1;color:#cc0000} 
#menubar li:hover ul,
#menubar li.hvr ul{display:block} #menubar li:hover ul a,
#menubar li.hvr ul a{color:#fff;background-color:transparent;text-decoration:none} 
#menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #fff;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} 
#menubar ul a:hover{background-color:#ff3300!important;color:#fff!important;text-decoration:none}
